<template>
  <div class="index">
    <div>
      <el-row>
        <el-col :span="24">
          <Header />
        </el-col>
        
        <el-col :span="24" style="margin-top:10px">
          <Content />
        </el-col>
        
       
      </el-row>
    </div>
    <div style="margin-top: 10px; display: flex; flex-direction: column;">
      <el-row type="flex" >
        <el-col :span="16">
          <Left />
        </el-col>
        <el-col :span="8">
          <Right />
        </el-col>
      </el-row>
    </div>
    
  </div>
   
  </template>
  <script scoped>
import Header from "../../components/sale/Header.vue";
import Content from "../../components/sale/Content.vue";
import Left from "../../components/sale/Left.vue";
import Right from "../../components/sale/Right.vue";
export default {
  data() {
    return {};
  },
  components: {
    Header,
    Content,
    Left,
    Right,
  },
};
</script>
<style lang="scss" scoped>
.index {
  width: 100%;
  padding-bottom: 100px;
}

</style>


  